<template>
  <section class="content" id="hcContent">
    <router-view v-slot="{ Component }">
      <transition name="opacity" mode="out-in">
        <keep-alive :include="getKeepAliveNames">
          <el-scrollbar>
            <component :is="Component" class="w100" />
          </el-scrollbar>
        </keep-alive>
      </transition>
    </router-view>
  </section>
</template>
<script lang="ts" setup>
const getKeepAliveNames: any[] = [];
</script>
<style lang="scss">
.opacity-enter-active,
.opacity-leave-active {
  transition: opacity 0.2s ease;
}

.opacity-enter-from,
.opacity-leave-to {
  opacity: 0;
}
</style>
